badge and it’s Usage
Badges can be used as part of any component and are available in below formats:
badge
Package Name
fifthtry.github.io/bling
To use these badges on your web package, add below lines into
FASTN.ftd file:
-- fastn.dependency: fifthtry.github.io/bling as bling -- fastn.auto-import: bling/badge as badge
Once you add above lines into your web package, add
badge into your .ftd files:All badge examples:
Light
Dark
Primary
Secondary
Info
Warning
Success
Danger
Light Badge:
Light
Example code for
badge light is by default true:-- badge.badge: Light
Dark Badge:
Dark
Example code for dark
badge:-- badge.badge: Dark dark: true
Primary Badge:
Primary
Example code for primary
badge:-- badge.badge: Primary primary: true
Secondary Badge:
Secondary
Example code for secondary
badge:-- badge.badge: Secondary secondary: true
Success Badge:
Success
Example code for success
badge:-- badge.badge: Success success: true
Danger Badge:
Danger
Example code for danger
badge:-- badge.badge: Danger danger: true
Warning Badge:
Warning
Example code for warning
badge:-- badge.badge: Warning warning: true
Info Badge:
Info
Example code for info
badge:-- badge.badge: Info info: true
Copyright © 2023 - FifthTry
